<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>文化云</title>
    <link href="WebUI/css/base.css" rel="stylesheet" />
    <link href="WebUI/css/Public.css" rel="stylesheet" />
    <link href="WebUI/css/detail_p.css" rel="stylesheet" />
    <link href="WebUI/font/iconfont.css" rel="stylesheet" />
    <!--轮播插件引用-->
    <link rel="stylesheet" href="WebUI/controls/dist/idangerous.swiper.css">
</head>
<body>
<div class="head">
    <div class="top-main">
        <ul class="fright">
            <li><a href="login.html">登录</a><em></em></li>
            <li><a href="register.html">注册</a><em></em></li>
            <li class="mm">
                <a href="javascript://"><i class="icon iconfont phone">&#xe604;</i><b>手机版</b></a><em></em>
            </li>
            <li class="ms">
                <a href="javascript://">
                    <i class="icon iconfont list">&#xe602;</i>
                    <b>导航</b>
                    <i class="icon iconfont xiala">&#xe60a;</i>
                </a>
                <div class="xialaBox">
                    <div class="fleft xl">
                        <h5>文化分类</h5>
                        <div class="nav-list">
                            <p><a href="javascript://">亲子活动</a></p>
                            <p><a href="javascript://">公益活动</a></p>
                            <p><a href="javascript://">展览展会</a></p>
                            <p><a href="javascript://">名家讲坛</a></p>
                            <p><a href="javascript://">技术研讨</a></p>
                            <p><a href="javascript://">全名可普</a></p>
                        </div>
                    </div>
                    <div class="fleft xr">
                        <h6><a href="javascript://">活动讲座</a></h6>
                        <h6><a href="javascript://">文化资源</a></h6>
                        <h6><a href="javascript://">场馆预约</a></h6>
                        <h6><a href="javascript://">机构广场</a></h6>
                    </div>
                </div>
            </li>
        </ul>
        <span>HI，欢迎访问智慧文化云</span>
    </div>
</div>
<div class="content marginTop20">
    <div class="org-left fleft">
        <div class="org-banner">
            <p class="banner-img">
                <img src="WebUI/images/org-banner.jpg" />
                <span></span>
            </p>
            <div class="logoArea">
                <p class="org-logo">
                    <img src="WebUI/images/org－logo.png" />
                </p>
                <div class="la_r">
                    <p>
                        <a href="javascript://" class="logoname">浦东图书馆</a>
                        <span>已认证</span>
                    </p>
                    <div>
                        <a href="javascript://">查看简介</a>
                        <a href="javascript://">+关注</a>
                        <i>关注人数：12432人</i>
                    </div>
                </div>
            </div>
        </div>
        <div class="fclear"></div>
        <div class="seatArea">
            <p class="boards">
                <a href="javascript://">浦东新区图书馆</a> >
                <a href="javascript://">场地</a> >
                <span>报告厅</span>
            </p>
            <div class="area-intro">
                <p><span>面       积：400㎡ </span><span>坐席数：345位</span></p>
                <p><b>空调 </b><b>灯光 </b><b>音响 </b><b>麦克风 </b><b>投影</b></p>
                <p>使用推荐： 影片放映，演讲培训，行业会议，发布会。</p>
                <i>2F</i>
            </div>
            <div class="zhanshi">
                <ul class="switchs">
                    <li class="e">座位示意图</li>
                    <li>场馆美图</li>
                    <li>全景展示</li>
                </ul>
                <div class="seat-prolist-area height370">
                    <div class="prolists SketchMap" style="display: block;">
                        <h6 class="MapTop"></h6>
                        <ul class="column" style="display: block;">
                            <li>1</li>
                            <li>2</li>
                            <li>3</li>
                            <li>4</li>
                            <li>5</li>
                            <li>6</li>
                            <li>7</li>
                        </ul>
                        <div class="PlaceMap"style="width:800px; height: 260px; overflow: scroll;">
                            <div class="seatplace" style="width:auto; height: auto;">
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco"></div>
                                <div class="seatIco"></div>
                                <div class="seatIco"></div>
                                <div class="seatIco"></div>
                                <div class="seatIco"></div>
                                <div class="seatIco"></div>
                                <div class="seatIco"></div>
                                <div class="seatIco"></div>
                                <div class="seatIco"></div>
                                <div class="seatIco"></div>
                                <div class="seatIco"></div>
                                <div class="seatIco"></div>
                                <div class="seatIco"></div>
                                <div class="seatIco"></div>
                                <div class="seatIco"></div>
                                <div class="seatIco"></div>
                                <div class="seatIco"></div>
                                <div class="seatIco"></div>
                                <div class="seatIco"></div>
                                <div class="seatIco"></div>
                                <div class="seatIco"></div>
                                <div class="seatIco"></div>
                                <div class="seatIco"></div>
                                <div class="seatIco"></div>
                                <div class="seatIco"></div>
                                <div class="seatIco"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco"></div>
                                <div class="seatIco"></div>
                                <div class="seatIco"></div>
                                <div class="seatIco"></div>
                                <div class="seatIco"></div>
                                <div class="seatIco"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco"></div>
                                <div class="seatIco"></div>
                                <div class="seatIco"></div>
                                <div class="seatIco"></div>
                                <div class="seatIco"></div>
                                <div class="seatIco"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco"></div>
                                <div class="seatIco"></div>
                                <div class="seatIco"></div>
                                <div class="seatIco"></div>
                                <div class="seatIco"></div>
                                <div class="seatIco"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                            </div>
                        </div>
                        <div class="fclear"></div>
                    </div>
                    <div class="prolists">
                        <div class="device">
                            <a class="arrow-left" href="#"><i class="iconfont">&#xe60b;</i></a>
                            <a class="arrow-right" href="#"><i class="iconfont">&#xe60c;</i></a>
                            <div class="swiper-container">
                                <div class="swiper-wrapper">
                                    <div class="swiper-slide"> <img src="WebUI/images/slider1-1.jpg"> </div>
                                    <div class="swiper-slide"> <img src="WebUI/images/slider1-1.jpg"> </div>
                                    <div class="swiper-slide"><img src="WebUI/images/slider1-1.jpg"></div>
                                </div>
                            </div>
                            <div class="pagination"></div>
                        </div>
                    </div>
                    <div class="prolists">
                        <div class="PanoramArea">
                            <img src="WebUI/images/3D.jpg">
                        </div>
                    </div>
                </div>
            </div>
            <div class="selection">
                <ul class="switchs">
                    <li class="e">日历</li>
                </ul>
                <p class="link-prompt">点击时段进行预约</p>
                <div class="seat-prolist-area height750">
                    <div class="rili-area"style="width:860px; height: 750px; margin:0 auto;">
                    <!--说明:
                        三个状态调用样式:
                        (1)可以选择:给 .fc-event添加.yes 的class样式
                        (2)已选择:给 不添加样式
                        (3)不可选择:给 .fc-event添加.no 的class样式
                    -->
                    <iframe src="fullcalendar_detailP.html" width=100% height=100% frameborder=0 scrolling="no" >

                    </iframe>
                </div>
                </div>
            </div>
        </div>
    </div>
    <div class="org-right fright">
        <div class="area default bord">
            <div class="org-tit">
                <h2>如何到达</h2>
            </div>
            <div class="padding14">
                <div class="inputs marginTop10">
                    <label>出发地:</label>
                    <input type="text" />
                </div>
                <div class="inputs marginTop10">
                    <label>目的地:</label>
                    <span>浦东图书馆</span>
                </div>
                <div class="map marginTop10">
                    <img src="WebUI/images/map.jpg" />
                </div>
            </div>
        </div>
        <div class="news blue bord">
            <div class="org-tit">
                <a href="javascript://" class="mores">更多》</a>
                <h2>场馆信息</h2>
            </div>
            <div class="padding14">
                <ul class="cg-list">
                    <li>
                        <a class="o-img"><img src="WebUI/images/o1.jpg" /></a>
                        <div class="o_r">
                            <a href="javascript://">放映厅</a>
                            <span><b>面    积：400㎡</b><b>坐席数：345位</b></span>
                            <p><i>空调</i><i>灯光</i><i>麦克风</i><i>投影</i></p>
                        </div>
                    </li>
                    <li>
                        <a class="o-img"><img src="WebUI/images/o2.jpg" /></a>
                        <div class="o_r">
                            <a href="javascript://">放映厅</a>
                            <span><b>面    积：400㎡</b><b>坐席数：345位</b></span>
                            <p><i>空调</i><i>灯光</i><i>麦克风</i></p>
                        </div>
                    </li>
                    <li>
                        <a class="o-img"><img src="WebUI/images/o3.jpg" /></a>
                        <div class="o_r">
                            <a href="javascript://">放映厅</a>
                            <span><b>面    积：400㎡</b><b>坐席数：345位</b></span>
                            <p><i>空调</i><i>灯光</i><i>投影</i></p>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</div>
<div class="fclear"></div>
<div class="foot">
    <div class="foot-main">
        <p>
            <a href="javascript://">平台介绍</a>|
            <a href="javascript://">意见建议</a>|
            <a href="javascript://">网站地图</a>|
            <a href="javascript://">友情链接</a>|
            <a href="javascript://">联系方式</a>
        </p>
        <div>版权所有 智慧文化云 Copyright2003-2016 All Rights Reserved 沪ICP备1143884号 沪公网安备11010234000430号 上海上业信息科技有限公司</div>
    </div>
</div>
<!--js引用-->
<script src="WebUI/js/jquery-1.9.1.min.js"></script>
<script src="WebUI/js/animate.js"></script>
<!--轮播图js-->
<script src="WebUI/controls/dist/idangerous.swiper.min.js"></script>
<script>
    $(function () {
        //头部导航下拉框
        selectModel(".head li.ms","mr current","curleft",".mm")
        //座位示意图/场馆美图/全景展览 切换效果
        qiehuan(".switchs","li","e",".prolists");
    })
    var mySwiper = $('.swiper-container').swiper({
        pagination: '.pagination',
        loop:true,
        grabCursor: true,
        paginationClickable: true
    });
    $('.arrow-left').on('click', function(e){
        e.preventDefault()
        var swiper = $(this).siblings('.swiper-container').data('swiper');
        swiper.swipePrev();
    });
    $('.arrow-right').on('click', function(e){
        e.preventDefault()
        var swiper = $(this).siblings('.swiper-container').data('swiper');
        swiper.swipeNext();
    });
</script>
</body>
</html>